<!DOCTYPE html>

<html>
<head>
  <meta charset="UTF-8">
  <title>体验VUE</title>
  <!-- 在 HTML 文档中通过 script 元素导入 vue 库 -->
  <script src="/javascripts/vue@2.6.12.js" ></script>
</head>
<body>

<h3>体验VUE双向绑定( Vue 2.x )</h3>

<div id="app">
  <!-- 使用 v-model 指令绑定属性 -->
  <input type="text" v-model="nickname">
  <!-- 插值表达式 -->
  <p>{{nickname}}</p>
</div>

<a href="/index.html">返回首页</a>

<script>
  const options = {
    el: '#app',
    data:{
      nickname: '张仙姑神功盖世一桶浆糊'
    }
  }

  const instance = new Vue( options );
</script>

</body>
</html>